@mixin styleButton($color, $bgcolor) {
  background: $bgcolor;
  color: $color;
}

%white-text{
  color: white;
}

.button{
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
  box-shadow: 1px 2px 1px rgba(204, 204, 204, 0.7);
  letter-spacing: 3px;
  &:hover{
    cursor: pointer;
    opacity: .8;
  }
  &.button-cancle{
    @include styleButton(white, #c03b44);
    @extend %white-text;
  }
  &.button-ok{
    @include styleButton(white,#25a22d);
  }
  &.button-primary{
    @include styleButton(black,#dddddd);
  }
}